<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/WEB-INF/jsp/sys/include.jsp"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<base href="<%=basePath%>"/>
<title>Tera 登录</title>
<link href="css/global.css" type="text/css" rel="stylesheet"/>
<script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
<style type="text/css">
<!--
body{font-family:Arial, Helvetica, sans-serif;background-color: #ffffff}
.wrapper{position:relative; display:block;margin:0px auto;width:974px; top:60px; }
.main-container{float:left; width:974px; height:auto;}
.main-container .t-t{float:left;background:url(img/t-bg.gif) repeat-x; width:974px; height:50px;}
.main-container .t-t span.tt-l-corner{ float:left; background:url(img/t-l-corner.gif) no-repeat left; width:15px; height:50px;}
.main-container .t-t span.tt-r-corner{float:right; background:url(img/t-r-corner.gif) no-repeat right; width:15px; height:50px;}
.main-container .t-b{float:left;background:url(img/b-bg.gif) repeat-x; width:974px; height:15px;}
.main-container .t-b span.tb-l-corner{ float:left; background:url(img/b-l-corner.gif) no-repeat left; width:15px; height:15px;}
.main-container .t-b span.tb-r-corner{float:right; background:url(img/b-r-corner.gif) no-repeat right; width:15px; height:15px;}

.main-container .login-mainarea{ float:left;width:972px; height:auto; background: #FFF; border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2; padding:0px 0px 5px 0px;}

.graybox-wrapper{position:relative;margin:0px auto; width:316px; top:10px;}
.graybox-container{float:left; width:316px; height:auto;}
.graybox-container .gb-t{float:left;width:316px; height:20px; background:url(img/gray-t-line.gif) repeat-x;}
.graybox-container .gb-t span.gb-t-l{float:left; width:20px; height:20px; background:url(img/gray-b-l-t.gif) no-repeat left;}
.graybox-container .gb-t span.gb-t-r{float:right; width:20px; height:20px; background:url(img/gray-b-r-t.gif) no-repeat right;}

.graybox-container .gb-m{float:left;width:314px; height:auto; background:#f3f3f5;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}
.graybox-container .gb-m .loginform{float:left; padding:0px 20px 5px 20px; width:276px; height:auto; font-size:13px;}

.graybox-container .gb-b{float:left;width:316px; height:20px; background:url(img/gray-b-line.gif) repeat-x; padding-bottom:5px;}
.graybox-container .gb-b span.gb-b-l{float:left; width:20px; height:20px; background:url(img/gray-b-l-b.gif) no-repeat left;}
.graybox-container .gb-b span.gb-b-r{float:right; width:20px; height:20px; background:url(img/gray-b-r-b.gif) no-repeat right;}

.graybox-info{ float:left;padding:10px 20px 5px 20px; width:275px; height:auto; border-top:1px solid #CCC;margin-top:5px;} 

.footer-info{float:left;padding:30px 15px 0px 15px; width:auto; height:auto;font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666;}
.footer-info div{border-top:1px solid #E4E4E4; padding-top:10px;}

.inputtext{
	width: 180px;
}
.labeltext{
	font-weight: bold;
}
.footer{
	text-align: right;
}
-->
</style>
<script language="JavaScript"> 
if (window != top) 
top.location.href = location.href; 
</script> 
</head>
<body>
<div class="wrapper">
	<div class="main-container">
		<div class="t-t"><span class="tt-l-corner"></span><span class="tt-r-corner"></span></div>
		<div class="t-m">
			<div class="login-mainarea">
				<div class="graybox-wrapper">

					<div class="graybox-container">

						<div class="gb-t"><span class="gb-t-l"></span><span class="gb-t-r"></span></div>

						<div class="gb-m">
							
							<div class="loginform">
								<form method="post" action="login.do" name="LoginForm">
									<table>
									<tr>
									<td><label class="labeltext" for="loginid">用户名:</label></td>
									<td><input type="text" id="loginid" name="loginid" title="请输入用户名" maxlength="80" value="" class="inputtext" tabindex=2/></td>
									</tr>
									<tr>
									<td><label class="labeltext" for="password">密&nbsp;&nbsp;&nbsp;码:</label></td>
									<td><input type="password" id="password" name="password" title="请输入密码" value="" maxlength="255" class="inputtext" tabindex=3/></td>
									</tr>
									
									</table>
									
									<div class="footer">
										<span><input id="btnSubmit" class="btntxt" type="submit" name="btnSubmit" value="登录" title="请单击此处登录"/></span>
										<span><input id="btnReset" class="btntxt" type="reset" name="btnReset" value="重置" title="请单击重新输入"/></span>	
									</div>
									<div class="">
										<span>
											<font color="red">
												<c:if test="${param.errLoginMsg!=null}">
													<c:out value="${param.errLoginMsg}"></c:out>
												</c:if>
											</font>
										</span>
									</div>
								</form>
						</div>

						<div class="graybox-info">
							<div class="Inst"> 没有帐户？ </div>
							<div class="Signup"> <a href="" >注册</a>一个免费的 Web 帐户 </div>
						</div>

					</div>

					<div class="gb-b"><span class="gb-b-l"></span><span class="gb-b-r"></span></div>
				</div>

			</div>
			<div class="footer-info">
				<div> 本网站仅供 FICO 授权用户使用。本网站的使用受网站所载的“法律声明”、“使用条款”和“隐私声明”的限制。客户和合作伙伴（如果已授权）对本网站的使用还受其与 FICO 所签署的合同条款的限制。</div>
			</div>
		</div>
	</div>

	<div class="t-b"><span class="tb-l-corner"></span><span class="tb-r-corner"></span></div>

</div>
</div>
<script type="text/javascript">
	$(function(){
        $("#loginid").focus();
    });
</script>
</body>
</html>
